<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        /* 
            let修饰变量
         */

         /* var x1 = 1;
          if (x1 === 1) {   //这两个 x1 指向的地址都是一样的
            var x1 = 2;
         console.log(x1);       //  output: 2
         }
        //引用了全局的
        console.log(x1);    //2  会被局部的作用域影响， */



        //let作用域就在块中，不会被提升，不互相影响
        let x2 = 1;

        if (x2 === 1) {
         let x2 = 2;           //作用域就在块里面
         console.log(x2);         // output: 2
        }
        //作用域划分非常明显
        console.log(x2);         //  output: 1
    </script>
</head>
<body>
    
</body>
</html>